<template>
  <div class="blank-layout">
    <router-view v-slot="{ Component, route }">
      <keep-alive v-if="route.meta.keep_alive == true">
        <component :is="Component" />
      </keep-alive>
      <component :is="Component" v-else />
    </router-view>
    <watermark />
    <message />
  </div>
</template>

<script setup>
import { useDark, useToggle } from "@vueuse/core";

const isDark = useDark();
useToggle(isDark);
</script>

<style lang="scss">
body {
  background-color: var(--background-color);
}
</style>
